$(function()
{
    //获得最新任务
    get_latest_tasks()
    $("#refresh").click(function()
    {
        $(this).html('加载中<span class="spinner-border spinner-border-sm"></span>Loading')
        $("audio").attr("src","../audio/se_old_extend.wav")
        $("audio")[0].play()
        get_latest_tasks()
    })
    //todo 更新模板数据 
    /**
     * 
     * @param {number} index 切换页码
     * @param {Array} result_data 分割后的数组
     */
    function update_model(index,result_data)
    {
        console.log("更新模板数据并插入！")
        $("#list").empty()
        console.log("数据个数: " +result_data[index-1].length)
        var page_index = index-1
        //console.log(result_data[index-1][0].title)
        $.get("../instance/task_item.html",function(data,status)
        {
            for(i in result_data[page_index])
            {
                var tmpl_data = 
                {
                    'title'    : result_data[page_index][i].title,
                    'price' : result_data[page_index][i].price,
                }
                console.log("遍历次数?")
                //console.log(result_data[index-1])
                var tmpl = $.templates(data)
                var html = tmpl.render(tmpl_data)
                $("#list").append(html)
            }
            $("#list .li button").on("click",function()
            {
                //alert("点击！")
                var parent = $(this).parent()
                var title = parent.children("b.title")
                var text = title.text()
                $.cookie("danzi",text)
                console.log("单子："+text)
                window.open("task_detail.html")
            })
        })
    }
    /**
     * 
     * @param {array} data 原始数组
     */
    //把数组按10个一组分割 返回分页之后的数据
    function split_array(data,status)
    {
        var split_array
        console.log(data)
        if(data)
        {
            $("#refresh").text("立即刷新任务列表")
            var jsonUtil = new JsonUtil()
            var raw_array = jsonUtil.toArray(data)
            split_array = jsonUtil.arraySplit(raw_array,10)
            console.log("分割数组")
            console.log(split_array)
            update_model(1,split_array)
        }
        else
        {
            $("#refresh").text('数据加载失败！')
            alert("后台未返回数据！")
        }
    }
    //获得最新任务
    function get_latest_tasks()
    {
        $.get("../api/get_checked_tasks.php",split_array)
    }
})